<!doctype html>
<html lang="en">
    <head>
		<meta name="copyright" content="Copyright (c) IBM Corporation and others 2010, 2017." >
		<meta http-equiv="Content-Language" content="en-us">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link rel="icon" href="../../images/edit.png" type="image/png">
		<title>Embedded Editor Demo</title>
		<link rel="stylesheet" type="text/css" href="built-codeEdit.css" />
		<link rel="stylesheet" type="text/css" href="editorTheme.css" />
		<script src="../../requirejs/require.js"></script>
		<script type="text/javascript">
			/*eslint-env browser, amd*/
			require({
				baseUrl: '../..',
				paths: {
					text: 'requirejs/text',
					i18n: 'requirejs/i18n',
					domReady: 'requirejs/domReady',
					'orion/searchAndReplace/textSearcher': '/embeddedEditor/builder/buildFrom/textSearcher'
				}
			});
			require(["embeddedEditor/demo/demoCodeEditTern"]);
		</script>
    </head>

	<body id="orion-browser" spellcheck="false" class="orionPage">
		<div class="embeddedEditorDemoTextParent">
			<p>This demo shows how the <b>.tern-project</b> and <b>.eslintrc</b> files are used to configure the javascript validation in the <b>Orion codeEdit</b> widget. 
			The <b>.tern-project</b> file can be modified automatically by the quick fix. 
			You can also manually update the <b>.tern-project</b> or the <b>.eslintrc</b> files and the javascript file on the top will be revalidated right away.
			
			</p> 
		</div>
		<!--*<form> -->
		<div class="embeddedEditorDemoTextParent">
			<span id = "progressMessageDiv">Loading language tooling plugins...</span>
		</div>
		<!--
		<div class="embeddedEditorTool" id="__toolbar__">
			<span id = "progressMessageDiv"></span>
		</div>
		-->
		<div class="embeddedEditorParentOuter" id="embeddedEditor">
		</div>
		<div class="embeddedEditorTitleOuter" style="border: none">
			<div class="embeddedEditorParentInner" style="float: left; border: none">
				<span>.tern-project. Details are described <span>
				<a href="http://ternjs.net/doc/manual.html#configuration">here.</a>
			</div>
			<div class="embeddedEditorParentInner" style="float: right; border: none">
				<span>.eslintrc file. Rules are described <span>
				<a href="https://wiki.eclipse.org/Orion/ESLint">here.</a>
			</div>
		</div>
		<div class="embeddedEditorParentOuter" style="border: none">
			<div class="embeddedEditorParentInner" id="embeddedEditor1" style="float: left">
			</div>
			<div class="embeddedEditorParentInner" id="embeddedEditor2" style="float: right">
			</div>
		</div>
		<!-- </form> -->
	</body>
</html>
